.user-contarnier {
	//   margin-bottom: 121px;
	width: 100%;
	position: relative;
	height: 92vh;
	overflow-y: scroll;
	background: #f4f5fa;
	z-index: 1;
	.header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 18rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(0deg, #f4f5fa 0%, #b5cdfe 12%, #0065ee 35%, #2175ff 100%);
		border-radius: 0 0 3rem 3rem;
		p {
			color: #fff;
			font-size: 2.5rem;
			font-weight: bold;
			position: absolute;
			top: 3.5rem;
			left: 50%;
			transform: translateX(-50%);
		}
	}
	.user-box {
		margin-top: 10.5rem;
		width: 100%;
		padding: 0 2rem;
		position: relative;
		z-index: 2;
		&-banner {
			width: 100%;
			margin-bottom: 3.1875rem;
			&-item {
				width: 100%;
				height: 13.125rem;
				display: flex;
				justify-content: space-between;
				padding: 3.1875rem 2.6875rem 3.3125rem 2.375rem;
				background: #fff;
				border-radius: 0.875rem;
				&-left {
					display: flex;
					> img {
						width: 6.625rem;
						height: 6.625rem;
						margin-right: 2.0625rem;
					}
					.item-left-info {
						height: 100%;
						display: flex;
						flex-wrap: wrap;
						align-content: space-between;
						font-family: Source Han Sans CN;
						font-size: 2.25rem;
						color: #161a1e;
						> div {
							width: 100%;
						}
						.info-authentication {
							img {
								width: 2rem;
								height: 2rem;
								vertical-align: middle;
							}
							span {
								font-family: Source Han Sans CN;
								font-weight: 500;
								font-size: 1.625rem;
								color: #666666;
								line-height: 3.125rem;
								vertical-align: middle;
							}
						}
					}
				}
				&-right {
					img {
						width: 2.25rem;
						height: 2.3125rem;
					}
				}
			}
		}
		&-list {
			width: 100%;
			&-item {
				width: 100%;
				height: 6.25rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				background: #fff;
				border-radius: 0.875rem;
				padding: 0 2.25rem 0 1.25rem;
				margin: 1.625rem 0;
				> img {
					width: 2.5rem;
					height: 1.75rem;
          margin-right: 1rem;
				}
				> div {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-family: Source Han Sans CN;
					font-size: 1.875rem;
					color: #161a1e;
				}
			}
			&-card {
        margin: 1.625rem 0;
        width: 100%;
        border-radius: 0.875rem;
        padding-bottom: 2.25rem;
        background: #fff;
        &-item{
          width: 100%;
          height: 6.25rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 2.25rem 0 1.25rem;
          > img {
            width: 2.5rem;
            height: 1.75rem;
            margin-right: 1rem;
          }
          > div {
            width: 100%;
            height: 100%;
            border-bottom: 1px solid rgba(100, 120, 150, 0.3);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: Source Han Sans CN;
            font-size: 1.875rem;
            color: #161a1e;
          }
        }

			}
		}
	}
}
.listbox{
    border-radius: 4.5rem 4.5rem 0 0;
    background: #fff;
    padding: 5.5625rem 3.9375rem;
    margin-top: 2.8125rem;
    height:100%;
}
.listinfo{
    padding: 15px 15px 15px 25px;
    // border: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    font-size: 1.875rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #323031;
    line-height: 1.875rem;
    margin-bottom: 2.5rem;
    >div:nth-child(2){
        color: #757B86;
    }
}
.bottom {
    width: 100vw;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 15vh;
}
